﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="System.Web.DynamicData, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.DynamicData" tagprefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="reset.css" />
&nbsp;<style type="text/css">
          table,td,tr
          {
              table-layout:auto;
              border:1;
          }
            .style1
        {
            border: medium solid Black;
            height: 100%;
            text-align: center;
            valign:top;
          }
         
        #Text1
        {
            width: 168px;
        }
        .style4
        {
            height: 522px;
            width: 484px;
        }
        td.style8
        {
            width: 184px;
            border-width: thin;
            border-color: Black;
            text-align: center;
        }
        .style14
        {
            border-color: Black;
            border-width: thin;
            text-align: center;
            height: 23px;
        }
            .style15
            {
                border: medium solid Black;
                height: 100%;
                text-align: center;
                width: 237px;
            }
        </style><script src="shadedborder.js" type="text/javascript"></script></head><body style="font-family: Tahoma"><form id="form1" runat="server">
    <table style="border: thin solid #000000; width:87%; height: 32px;" 
        align="center">
        <tr>
            <td class="style8" style="border: thin solid #000000">
                <asp:HyperLink ID="HyperLink1" runat="server" style="color:#3399FF;">Edit Client Data</asp:HyperLink>
            </td>
            <td class="style8" style="border: thin solid #000000">
                <asp:HyperLink ID="HyperLink2" runat="server" style="color:#3399FF;">Client Messages</asp:HyperLink>
            </td>
            <td class="style8" style="border: thin solid #000000">
                <asp:HyperLink ID="HyperLink3" runat="server" style="color:#3399FF;">Operator Records</asp:HyperLink>
            </td>
            <td class="style8" style="border: thin solid #000000">
                <asp:HyperLink ID="HyperLink4" runat="server" style="color:#3399FF;">Call Records</asp:HyperLink>
            </td>
            <td class="style8" style="border: thin solid #000000">
                <asp:HyperLink ID="HyperLink5" runat="server" style="color:#3399FF;">Billing</asp:HyperLink>
            </td>
        </tr>
    </table>
    <br />
    <br />
<table style="width:100%; height: 500px;">
        <tr>
            <td class="style15">
                <div id="round_me" 
                    style="border: medium groove #000000; background-color:#CCC; height: 366px; width: 95%; height: 123px;">
                    <br />
                    Client Lookup:<br />
                    <br />
                    <input id="Text1" type="text" />
                    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                        Text="Search" Visible="False" Width="120px" />
                    <br />
                    <br />
                    &nbsp;
                </div>
                &nbsp;&nbsp;</td>
            &nbsp;<td class="style4">
                &nbsp;&nbsp;</td>
            &nbsp;<td class="style15" valign="top">
                <div id="round_me" 
                    style="height: 116px; width: 95%;background-color:#CCCCCC;">
                    <div style="border: medium groove #000000; height: 116%; background-color:#CCCCCC;">
                        <table style="width:98%; height: 84px;" align="center">
                            <b>
                            Speed Dial&nbsp;<br />
                            </b><tr>
                            <td>
                               <b>Name</b></td>
                            <td>
                                    <b>Mobile</b> <b>#</b></td>
                        </tr>
                        <tr>
                            <td>
                                    Johnny</td>
                            <td>
                                    8323687387</td>
                      
                        &nbsp;</tr>
                        &nbsp;<tr>
                            &nbsp;<td>
                                    Bill</td>
                            &nbsp;<td class="style14">
                                    9793938472</td>
                        
                        &nbsp;</tr>
                    &nbsp;</table>
                &nbsp;</div>
                <br />
                <div style="border: medium groove #000000; height: 116%; background-color:#CCCCCC;">
                        <table style="width:98%; height: 84px;" align="center">
                            <b>
                            Speed Dial&nbsp;<br />
                            </b><tr>
                            <td class="style14">
                                <b>Name</b></td>
                            <td class="style14">
                                    <b>Mobile</b> <b>#</b></td>
                        </tr>
                        <tr>
                            <td class="style14">
                                    Johnny</td>
                            <td class="style14">
                                    8323687387</td>
                      
                        </tr>
                        <tr>
                            &nbsp;<td class="style14">
                                    Bill</td>
                            &nbsp;<td class="style14">
                                    9793938472</td>
                        
                        &nbsp;</tr>
                    &nbsp;</table>
                &nbsp;</div>
                </div>
                &nbsp;&nbsp;</td>
        &nbsp;</tr>
    &nbsp;</table>
    &nbsp;</form>
&nbsp;

<script type="text/javascript">
    border.render('round_me');
</script>

</body>
&nbsp;</html>